{if $need_header_footer}
{template common/header}
{/if}
<div class="container mt20" id="nav-cat-outer">
	<div class="navmenu clearfix span12" id="nav-cat">
		<div class="navmenu-current">
			{if $sort=='time'}
			<span>{lang create_time}</span>
			{elseif $sort=='share'}
			<span>{lang by_share}</span>
			{elseif $sort=='like'}
			<span>{lang by_like_num}</span>
			{elseif $sort=='uptime'}
			<span>{lang by_up_time}</span>
			{/if}
		</div>
		<div class="navmenu-item">
			<span>
				<a class="{if $sort=='time'}active{/if}" href="{url album/index?sort=time}">{lang create_time}</a>
				<a class="{if $sort=='uptime'}active{/if}" href="{url album/index?sort=uptime}">{lang by_up_time}</a>
				<a class="{if $sort=='share'}active{/if}" href="{url album/index?sort=share}">{lang by_share}</a>
				<a class="{if $sort=='like'}active{/if}" href="{url album/index?sort=like}">{lang by_like_num}</a>
			</span>
		</div>
	</div>
</div>

<div id="waterfall_outer" data-fullscreen="$albumsetting['uialbum_auto']" class="container">
	<div class="span12 ml0" id="waterfall" data-pin-width="235" data-animated="$albumsetting['uialbum_animated']">
		$tpl_waterfall
	</div>
</div>

<div class="container">
	<div id="loadingPins" class="span12 text_c"><img src="{baseurl}themes/$theme/img/puzzle32.gif"></div>
</div>
<div id="page-nav" class="mt20 container hide">
	<a id="page-next" href="$nextpage_url"></a>
</div>
<div id="wpage-nav" class="hide text_c mt20">
	$wpages
</div>
<div class="hide">
	$pages
</div>
{if $need_header_footer}
{template common/footer}
{/if}